<?php 
include  "../../config/seguridad.php"; /*Valida el inico de sesion*/
?>
<!doctype html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Actualizar usuario </title>
  <link rel="stylesheet" type="text/css" href="mtb.css"/>
  <link rel="stylesheet" type="text/css" href="main.css"/>
  <link rel="stylesheet" type="text/css" href="ceGrid.css"/>
  <script type="text/javascript" src="jquery.js"></script>
  <link rel="stylesheet" type="text/css" href="index.css" />
  
  <script>
    function soloLetras(e){
       key = e.keyCode || e.which;
       tecla = String.fromCharCode(key).toLowerCase();
       letras = " áéíóúabcdefghijklmnñopqrstuvwxyz";
       especiales = "8-37-39-46";

       tecla_especial = false
       for(var i in especiales){
            if(key == especiales[i]){
                tecla_especial = true;
                break;
            }
        }

        if(letras.indexOf(tecla)==-1 && !tecla_especial){
            return false;
        }
    }
</script>
  
  
</head>

<?php

require '../../config/conn.php';

//extraemos el id de la fila seleccionada
$id=$_GET['id'];

//realizamos el script para jalar datos de elemento a modificar
$SQLstr = "SELECT nombre,Ape1,Ape2 FROM usuarios WHERE pkusu = '".$id."'";
$EjecutaCSQL = $conectarBD->query($SQLstr);
while ($registros = $EjecutaCSQL->fetch_row())
{    
  //variables para mostrar estas varian segun select
   $vNOM=$registros[0];
   $vAPE1=$registros[1];
   $vAPE2=$registros[2];
}
$conectarBD->close();
?>

<a class="btn"  href='index.php'>Lista de usuarios</a>

<body>
    <div id="content-mt">
        <div id="div01"  class="curved" >
            <form name="Registroact" method="POST" id="form-pro" class="style" >         
                <table id = "tab01">
                <div id="error"></div>
                   <tr>
                      <td>Código</td>
                      <td><label>
                       <input type="text" name="Txt_pkusu" id="Txt_pkusu" value="<?php echo $id; ?>" readonly  maxlength="15" /> 
                   </label></td>
               </tr>
               <tr> <td>Nombre de usuario</td>
                   <td><label>
                       <input type="text" name="Txt_Nom" id="Txt_Nom"  value="<?php echo $vNOM;?>" maxlength="80" onkeypress="return soloLetras(event)"/> 
                   </label>
               </tr>
               <tr>
                  <td>Primer apellido</td>
                  <td><label>
                   <input type="text" name="Txt_Ape1" id="Txt_Ape1" value="<?php echo $vAPE1;?>"  maxlength="40" /> 
                  </label></td>
                </tr>
                <tr>
                  <td>Segundo apellido</td>
                  <td><label>
                   <input type="text" name="Txt_Ape2" id="Txt_Ape2" value="<?php echo $vAPE2;?>"  maxlength="40" /> 
                  </label></td>
                </tr>
               <tr>
               <td></td>
               <td><label>
                   <input type="submit" name="Agregar_Btn" class="btn-m" id="Agregar_Btn" value="Cambiar" />
               </label></td>
           </tr>

       </table> 
   </form>
</div>
</div>
</body>

<script type="text/javascript">
    $(function(){
      $("#Agregar_Btn").click(function(){
        $('this').preventDefault;
         var pk = $('#Txt_pkusu').val();; // El script a dónde se realizará la petición.
         var nom= $('#Txt_Nom').val();
         var ape1= $('#Txt_Ape1').val();
         var ape2= $('#Txt_Ape2').val(); 
         var data1="Txt_pkusu="+pk+"&Txt_Nom="+nom+"&Txt_Ape1="+ape1+"&Txt_Ape2="+ape2;
         $.ajax({
          type: "POST",
          url: "update.php",
                   data: data1, // Adjuntar los campos del formulario enviado.
                   success: function(data)
                   {
                    $("#error").html(data);
                   }
               });
            return false; // Evitar ejecutar el submit del formulario.
        });
      });
</script>


</html>